const app = getApp()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        vertical: false,
        interval: 2000,
        duration: 300,
        wheight: 0,// 高度
        navList: ['全部 ', ' 已付款', '已完成', '售后'], // 分类列表
        current: 0,
        triggered: false,
        status: 1,// 上拉加载 1：上拉加载 2 正在加载 3 没有更多了
        page: 1,// 页码
        list: []

    },
    init() {
        this.setData({
            page: 1,
            list: [],
        })
         this.loadData()
    },
    // 点击顶部导航切换列表
    tochange(e) {
        e = e.currentTarget.dataset.index
        this.setData({
            current: e
        })
    },
    // swiper切换列表移动
    bindchange(e) {
        e = e.detail.current
        this.setData({
            current: e
        })
    },
    // 监听滚动（做上拉加载事件）
    bindscrolltolower(e) {
        this.setData({
            page: this.data.page++,
            status: 2
        })
        this.loadData()
    },
    // 结束下拉刷新
    onAbort(e) {
        // console.log('onAbort', e)
    },
    // 正在下拉刷新
    onPulling(e) {
        // console.log('onPulling:', e)
    },
    // 下拉刷新成功并结束
    onRefresh() {
        this.setData({
            triggered: false,
        })
    },
    loadData() {
        const {
            code,
            data,
            msg
        } = res  //接口数据
        this.data.list = [...this.data.list, ...data.list]
        if (data.list.length < 15) {
            this.data.status = 3
        } else {
            this.data.status = 2
        }
        this.setData({
            list: this.data.list,
            status: this.data.status,
        })
    },
    // 获取高度
    getHeight() {
        let that = this
        let v = wx.getSystemInfoSync().windowHeight  // 视口高度
        const query = wx.createSelectorQuery()  // 获取dom元素
        query.select('.swiper').boundingClientRect(function (res) {
            //这里返回元素自身的DOM属性
        }).exec(function (rect) {
            that.setData({
                wheight: v - rect[0].top + 'px'
            })
        });
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        this.getHeight()
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})